﻿<!DOCTYPE html>
<html>
<head>
    <th:block th:include="home/commons/include :: common_header('酒店房间')"/>
</head>


<style>
    @media (max-width: 1024px) {
        .banner-n { margin-top: 60px; }
    }
    .room .rm_xq .list li:nth-child(3n+1) { clear: both; }
    .pages { margin-top: 50px; text-align: center; clear: both; }
    .pages ul li { display: inline-block; }
    .pages span { padding: 10px 15px; border: solid #e6e6e6 1px; font-size: 14px; }
    .pages a { padding: 10px 15px; border: solid #e6e6e6 1px; font-size: 14px; }
    .pages span:hover { background: #90704D; color: #fff; }
    .pages a:hover { background: #90704D; color: #fff; }
    /*.pages .on { background: #90704D; color: #fff; }*/
    .room .list_a li:hover a { border-bottom: solid #90704D 2px; color: #90704D; }
    .room .list_a li a.Select { border-bottom: solid #90704D 2px; color: #90704D; }
    @media (max-width: 1024px) {
        .room .rm_xq .list li:nth-child(3n+1) { clear: none; }
        .room .rm_xq .list li:nth-child(2n+1) { clear: both; }
    }

    .rm_ct
    {
        width: 360px;
        height: 240px;
    }

</style>

<body>
    <th:block th:include="home/commons/include :: index-header(2)"/>

    <div class="banner-n clearfix">
        <div class="frame" style="background: url(/index/images/timg1.jpg) no-repeat center center;
        background-size:cover; width:100%;"></div>
    </div>

    <div class="wy_dw">
        <div class="dw g_cw">
            <p>
                <img class="" th:src="@{/index/images/dw_nei.png}">
                <a th:href="@{/home/index/index}">网站首页</a><span> &nbsp >> &nbsp </span>
                <a th:href="@{/home/index/room}">酒店房间</a>
            </p>
        </div>
    </div>

    <div class="room">
        <div class="g_cw g_mt">
            <div class="g_title">
                <h5>酒店房间</h5>
                <h6>HOTEL ROOM</h6>
            </div>
            <ul class="list_a">
                <li><a th:class="Select" th:href="@{/home/index/room}">全部</a></li>
                <li th:each="item : ${roomTypes}">
                    <a th:href="@{/home/index/room(id=${item.id})}" th:rowid="${item.id}">
                        [[${item.type}]]
                    </a>
                </li>
                <li><a th:href="@{/home/index/hour_time_room}" style="color: #90704D; font-weight: bold;">钟点房</a></li>
            </ul>
        </div>

        <div class="rm_xq">
            <div class="g_cw g_mt">
                <div class="right">
                    <ul class="list">
                        <li th:each="item : ${rooms}" >
                            <a th:href="@{/home/index/room_detail(id=${item.id})}" target="_blank">
                                <p>
                                    <img class="rm_ct" th:src="${item.headpic} ?: '/img/fangjian.jpg'" />
                                </p>
                                <p class="l1"></p>
                            </a>
                        </li>
                    </ul>

                    <div id="no-data" style="display: none; text-align: center">
                        <img th:src="@{/img/zanwu.jpg}" class="rm_ct"/>
                    </div>
                </div>
                <div class="pages">

                </div>

            </div>
        </div>
    </div>
    <th:block th:include="home/commons/include :: index-foot" />

    <script>
        var id = [[${id}]];
        var size = [[${size}]];
        function init()
        {
            if(id != -1)
            {
                $(".Select").removeClass('Select');
                $("a[rowid='"+id+"']").addClass('Select');
            }

            if(size == 0)
            {
                $("#no-data").show();
            }
        }

        init();
    </script>
</body>
</html>

